<template>
  <div
    class="page_header noneditable irremovable"
    :class="en ? 'en' : 'zh'"
    contenteditable="false"
  >
    <template v-if="etsi">
      <table border="1">
        <thead>
          <tr>
            <td colspan="2">
              <div>
                <img
                  class="company_logo"
                  src="/assets/logo.png"
                />
                <span>外场技术通知</span>
              </div>
            </td>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td style="width: 50%">编号：{{ standardBaseInfo.standardNo }}</td>
            <td>版次：{{ standardBaseInfo.standardVersion }}</td>
          </tr>
          <tr>
            <td>日期：</td>
            <td><slot name="page-number"></slot></td>
          </tr>
          <tr>
            <td colspan="2">主题：</td>
          </tr>
        </tbody>
      </table>
    </template>
    <template v-else>
      <img class="company_logo" src="/assets/logo.png" />
      <div class="file_no_version">
        <span class="file_no">{{ standardBaseInfo.standardNo }}</span
        >版本：<span class="file_version">{{
          standardBaseInfo.standardVersion
        }}</span>
      </div>
      <slot name="page-number"></slot>
      <div class="top-line"></div>
    </template>
  </div>
</template>
<script>
export default {
  computed: {
    en() {
      return this.$store.getters.languageType === "both";
    },
    etsi() {
      return this.$store.getters.filePropertyName === "ETSI";
    },
    standardBaseInfo() {
      return this.$store.state.xmleditor.standardBaseInfo;
    },
  },
};
</script>
